<template>
	<div class="product-list">
		<ul class="p-list clearfix">
			<li v-for="n in 6">
				<a href="#">
					<div class="pic">
						<img class="p-img" src="../assets/images/q7_sfwq.jpg">
					</div>
					<div class="name">产品名称名称</div>
				</a>
			</li>
		</ul>
	</div>
</template>

<script type="text/javascript">
	

</script>

<style lang="less">
.ellipsis{display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.product-list{overflow: hidden;
	li{float: left;margin-bottom: 0.15rem;margin-right: 0.15rem;
		&:nth-child(2n) {margin-right: 0;}
		a{color: #333;}
		.pic{width: 1.7rem;height: 1.7rem;overflow: hidden;}
		.p-img{width: 100%;display: block;}
		.name{font-size: 0.14rem;text-align:center;margin-top: 3px;.ellipsis;}
	}
}
</style>